<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link href="${pageContext.request.contextPath }/css/index.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/styles.css" media="all">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/base.css" media="all">
		<script src="${pageContext.request.contextPath }/js/jquery.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath }/js/moment.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap-datetimepicker.js"></script>
		<title>游客中心票务系统</title>
		<script type="text/javascript">
			$(document).ready(function() {
				// date time picker
				if($(".iDate").length > 0) {
					$(".iDate").datetimepicker({
						locale: "zh-cn",
						format: "YYYY-MM-DD HH:mm:ss",
						dayViewHeaderFormat: "YYYY年 MMMM"
					});
				}
			})
		</script>
	</head>

	<body>
		<div class="my-container">
			<header class="my-header">
				<h1 class="my-title">游客中心票务系统</h1>
			</header>
			<div class="my-banner">
				<img src="img/1.jpg" />
			</div>
			<form action="/searchSum" method="post">
			<div class="my-date">
				<div class="my-time">开始时间:</div>
				<div class="iDate">
					<input type="text" name="beginTime">
					<button type="button" class="addOn"></button>
				</div>
			</div>
			<div class="my-date">
				<div class="my-time">结束时间:</div>
				<div class="iDate">
					<input type="text" name="endTime">
					<button type="button" class="addOn"></button>
				</div>
			</div>
			<div class="my-jinqu">
				<div class="my-item">景区名称:
				</div>
				<div class="my-select">
					<select name="parkFullName">
					<c:forEach items="${parks}" var="park">
					  <option value="${park.parkCode}">${park.parkFullName}</option>
					</c:forEach>
					</select>
				</div>
			</div>
			<div class="my-button-row">
				<div class="my-btn-primary">
				<input type="submit" value="查询" class="my-btn-input"/>
			</div>
			<div class="my-btn-primary">
				<input type="reset" value="取消" class="my-btn-input"/>
			</div>
       		 
    </div>
    </form>
		</div>
	</body>
	<script type="text/javascript">
		/*document.getElementById("my_btn_query").addEventListener("touchstart",function(){
			var beginTime =$("input[name='beginTime']").val();
			var endTime =$("input[name='endTime']").val();
			var parkFullName=$("select").val();
			//alert(parkFullName);
			
		})*/
	</script>
</html>